Kararlı sürümün yayınlanma tarihi: 27 Mayıs 2025
Aksi belirtilmedikçe aşağıdaki değişiklikler Android, ChromeOS, Linux, macOS ve Windows için Chrome 137 kararlı kanal sürümünde geçerlidir.
CSS ve kullanıcı arayüzü
CSS if() işlevi
CSS if() işlevi, koşullu değerleri ifade etmenin kısa bir yolunu sunar. Noktalı virgülle ayrılmış bir dizi koşul-değer çiftini kabul eder. İşlev, her koşulu sırayla değerlendirir ve ilk doğru koşulla ilişkili değeri döndürür. Koşullardan hiçbiri doğru olarak değerlendirilmezse işlev boş bir jeton akışı döndürür. Bu sayede karmaşık koşullu mantığı basit ve öz bir şekilde ifade edebilirsiniz.
Örnek:
div {
color: var(--color);
background-color: if(style(--color: white): black; else: white);
}
.dark {
--color: black;
}
.light {
--color: white;
}
<div class="dark">dark</div>
<div class="light">light</div>
346977961 numaralı hatayı takip etme | ChromeStatus.com girişi | Özellik
CSS reading-flow, reading-order özellikleri
reading-flow CSS mülkü, esnek, ızgara veya blok düzenindeki öğelerin erişilebilirlik araçlarına gösterilme ve Sekme tuşuyla klavye odak gezinmesi kullanılarak odaklanma sırasını kontrol eder.
reading-order CSS özelliği, yazarların bir okuma akışı kapsayıcısındaki sırayı manuel olarak geçersiz kılmasına olanak tanır. 0 varsayılan değerine sahip bir tam sayıdır.
Mantıksal sıralı odak gezinme için CSS okuma akışını kullanma başlıklı makalede bu özellikler hakkında daha fazla bilgi edinin ve bazı örnekleri deneyin.
40932006 numaralı hatayı takip etme | ChromeStatus.com girişi | Özellik
El yazısı komut dosyalarındaki harf aralığını yoksayma
Bu özellik, geliştirici tarafından belirtilen eğik yazı karakterleri için harf aralığı ayarını, harf aralığının kelime yapısını bozmamasını sağlamak amacıyla spesifikasyona uygun şekilde yok sayan bir mantık ekler ve eğik yazı karakterlerini kullanan kullanıcılar için daha iyi bir kullanıcı deneyimi sunmayı amaçlar.
Chrome, bu özellik sayesinde yazı tiplerinde gelişmiş yazım özellikleri olmasa bile el yazısı metinlerin okunaklı ve uygun şekilde aralıklı olmasını sağlar.
Chromium'da bu özelliğin geçerli olduğu komut dosyaları, spesifikasyona göre el yazısı olarak kabul edildiğinden Arapça, Hanifi Rohingya, Mandaic, Moğolca, N'Ko, Phags Pa ve Süryanice'dir.
Hata #40618336 için takip | ChromeStatus.com girişi | Özellik
Seçim API'si getComposedRanges ve direction
Bu özellik, Selection API için iki yeni API yöntemi sunar:
Selection.direction, seçimin yönününone,forwardveyabackwardolarak döndürürSelection.getComposedRanges(), 0 veya 1 değerini döndüren oluşturulan bir liste döndürürStaticRange
Oluşturulan StaticRange'ün gölge sınırlarını geçmesine izin verilir. Normal Range'ler bunu yapamaz.
Örneğin:
const range = getSelection().getComposedRanges({ shadowRoots: [root] });
Seçim, shadowRoots listesinde sağlanmayan bir gölge kök sınırını geçerse StaticRange'un uç noktaları, bu ağacın dışında olacak şekilde yeniden kapsamlandırılır. Bu sayede Chrome, bilinmeyen gölge ağaçları göstermez.
Hata takibi #40286116 | ChromeStatus.com girişi | Özellik
offset-path: shape() kanalını destekleyin
Animasyon yolunu ayarlamak için duyarlı şekillerin kullanılmasına izin vermek üzere offset-path: shape() desteği.
Hata #389713717 için takip | ChromeStatus.com girişi | Özellik
SVGSVGElement öğesinde transform özelliğini destekleme
Bu özellik, ölçeklendirme, döndürme, çevirme ve eğme gibi dönüşüm özelliklerinin transform özelliği kullanılarak doğrudan <svg> kök öğesine uygulanmasını sağlar. Bu geliştirme, SVG koordinat sisteminin tamamını veya içeriğini bir bütün olarak değiştirmenize olanak tanır. Böylece dinamik, duyarlı ve etkileşimli vektör grafikleri oluşturma konusunda daha fazla esneklik elde edersiniz. Bu özellik desteklendiğinde <svg> öğesi, ek sarmalayıcı öğeleri veya karmaşık CSS geçici çözümleri gerektirmeden dönüştürülebilir. Böylece ölçeklenebilir ve animasyonlu web grafikleri oluşturma süreci kolaylaştırılır.
Hata #40313130 için takip | ChromeStatus.com girişi | Özellik
accent-color mülkü için sistem vurgu rengi
Bu sayede, form öğeleri için işletim sisteminin vurgu rengini kullanabilirsiniz. accent-color CSS özelliğini kullanarak onay kutuları, radyo düğmeleri ve ilerleme çubukları gibi form öğelerinin kullanıcının işletim sistemi tarafından tanımlanan vurgu rengini otomatik olarak benimsemesini sağlayabilirsiniz. Bu özellik 2021'den beri macOS'te destekleniyordu. Artık Windows ve ChromeOS'te de desteklenmektedir.
Hata #40764875 için takip | ChromeStatus.com girişi | Özellik
<use> öğesinin, snippet'i atlayarak harici bir dokümanın kök öğesine referans vermesine izin verin.
Bu özellik, referans koşullarını gevşeterek SVG <use> öğesini kolaylaştırır. Chrome 137'den önce, SVG belgesindeki parçalara açıkça referans vermeniz gerekiyordu. Fragment kimliği belirtilmezse <use> hedefi çözemez ve hiçbir şey oluşturulmaz veya referans verilmez.
Örneğin, parça tanımlayıcısı içeren harici bir dosyaya atıfta bulunan bir <use> öğesi:
<svg>
<use xlink:href="myshape.svg#icon"></use>
</svg>
Bu örnekte #icon, myshape.svg içinde id="icon" içeren bir öğeyi işaret eden parça tanımlayıcısıdır.
Parça tanımlayıcısı olmadan:
<svg>
<use xlink:href="myshape.svg"></use>
</svg>
Bu özellik sayesinde, parçaları atlamak veya yalnızca harici svg dosya adını vermek kök öğeye otomatik olarak referans verir. Böylece, köke kimlik atamak için referans verilen dokümanı değiştirmeniz gerekmez. Bu iyileştirme, manuel düzenleme sürecini basitleştirir ve verimliliği artırır.
Hata takibi #40362369 | ChromeStatus.com girişi | Özellik
Tuval kayan nokta renk türleri
CanvasRenderingContext2D, OffscreenCanvasRenderingContext2D ve ImageData ile kayan noktalı piksel biçimlerini (8 bit sabit nokta yerine) kullanma olanağı sunar.
Bu, yüksek hassasiyetli uygulamalar (ör. tıbbi görselleştirme), yüksek dinamik aralıktaki içerikler ve doğrusal çalışma renk alanları için gereklidir.
40245602 numaralı hatayı takip etme | ChromeStatus.com girişi | Özellik
view-transition-name: match-element
match-element değeri, öğenin kimliğine göre benzersiz bir kimlik oluşturur ve bu öğeyi yeniden adlandırır. Bu, öğenin taşındığı ve görünüm geçişiyle canlandırmak istediğiniz tek sayfalı uygulama durumlarında kullanılır.
Hata #365997248 için takip | ChromeStatus.com girişi | Özellik
Ödemeler
payment WebAuthn kimlik bilgisi oluşturma için atılan hata türünü hizalayın: SecurityError, NotAllowedError olur
payment kimlik bilgileri için WebAuthn kimlik bilgisi oluşturma işlemi sırasında ortaya çıkan hata türünü düzeltin. Geçmişteki bir spesifikasyon uyuşmazlığı nedeniyle, kullanıcı etkinleştirmesi olmadan kaynak ötesi bir iFrame'de payment kimlik bilgisi oluşturmak, ödeme dışı kimlik bilgileri için oluşturulan NotAllowedError yerine SecurityError oluşturacaktır.
Bu, nispeten az sayıda kullanıcıyı etkileyen ancak önemli bir değişikliktir. Daha önce atılan hata türünü (örneğin, e instanceof SecurityError) algılayan kod etkilenir.
Genellikle kimlik bilgisi oluşturma sırasındaki hataları ele alan kod (örneğin, catch (e)) düzgün şekilde çalışmaya devam eder.
41484826 numaralı hatayı takip etme | ChromeStatus.com girişi | Özellik
Web API'leri
Blob URL'si bölümlendirme: Getirme/Gezinme
Depolama bölümlendirmesinin devamı olarak Chrome, yalnızca çerçeve kaynağına göre bölümlendirilmeye devam edecek üst düzey gezinmeler hariç olmak üzere blob URL erişimini depolama anahtarına göre (üst düzey site, çerçeve kaynağı ve has-cross-site-ancestor boole değeri) bölümlendirdi. Bu davranış, şu anda hem Firefox hem de Safari tarafından uygulanan davranışa benzer ve Blob URL kullanımı, Depolama Bölme işlemi kapsamında diğer depolama API'leri tarafından kullanılan bölümleme şemasıyla uyumlu hale getirilir. Ayrıca Chrome artık, ilgili sitenin gezinmeyi gerçekleştiren üst düzey siteden farklı olduğu blob URL'lerine yönelik, oluşturma aracı tarafından başlatılan üst düzey gezinmelerde noopener'i zorunlu kılıyor. Bu sayede Chrome, Safari'deki benzer davranışla uyumlu hale getirilmiştir. İlgili özellikler de bu değişiklikleri yansıtacak şekilde güncellenmiştir.
#40057646 numaralı hatayı takip etme | ChromeStatus.com girişi
Yanıt vermeyen web sayfalarından gelen kilitlenme raporlarındaki çağrı yığınları
Bu özellik, JavaScript kodu sonsuz bir döngü veya çok uzun bir hesaplama çalıştırması nedeniyle bir web sayfası yanıt vermediğinde JavaScript çağrı yığınını yakalar. Bu sayede geliştiriciler, yanıt vermeme sorununun nedenini daha kolay tespit edip düzeltebilir. Neden yanıt vermeme ise JavaScript çağrı yığını kilitlenme raporlama API'sine dahil edilir.
Hata #1445539 için takip | ChromeStatus.com girişi | Özellik
Document-Isolation-Policy
Document-Isolation-Policy, bir belgenin COOP veya COEP dağıtmak zorunda kalmadan ve sayfanın crossOriginIsolation durumundan bağımsız olarak kendisi için crossOriginIsolation'yi etkinleştirmesine olanak tanır. Politika, işlem yalıtımı ile desteklenir. Ayrıca, CORS olmayan merkezler arası alt kaynaklar ya kimlik bilgileri olmadan yüklenir ya da CORP başlığı içermelidir.
Hata takibi #333029146 | ChromeStatus.com girişi | Özellik
Ed25519 web kriptografisinde
Bu özellik, Web Kriptografi API'sinde Curve25519 algoritmaları (özellikle Ed25519 imza algoritması) için destek ekler.
#1370697 numaralı hatayı takip etme | ChromeStatus.com girişi | Özellik
HSTS izleme önleme
HSTS önbelleğini kullanarak üçüncü tarafların kullanıcıları izlemesini azaltır.
Bu özellik yalnızca üst düzey gezinmelerde HSTS yükseltmelerine izin verir ve alt kaynak isteklerinde HSTS yükseltmelerini engeller. Bu işlem, üçüncü taraf sitelerin web'de kullanıcıları izlemek için HSTS önbelleğini kullanmasını imkansız hale getirir.
40725781 numaralı hatayı takip etme | ChromeStatus.com girişi
WebAssembly
JavaScript promise entegrasyonu
JavaScript Promise Integration (JSPI), WebAssembly uygulamalarının JavaScript Promises ile entegrasyonuna olanak tanıyan bir API'dir.
Bir WebAssembly programının Promise oluşturucu olarak hareket etmesine ve WebAssembly programının Promise içeren API'lerle etkileşim kurmasına olanak tanır.
Özellikle, bir uygulama Promise içeren (JavaScript) bir API'yi çağırmak için JSPI'yi kullandığında WebAssembly kodu askıya alınır ve WebAssembly programının asıl arayanına, WebAssembly programı tamamlandığında yerine getirilecek bir Promise verilir.
ChromeStatus.com girişi | Özellik
WebAssembly Şube İpuçları
Motoru, belirli bir dal talimatının belirli bir yolu izleme olasılığının yüksek olduğunu bildirerek derlenmiş WebAssembly kodunun performansını artırır.
Bu sayede motor, kod düzeni (talimatlar önbelleği isabetlerini iyileştirir) ve kayıt tahsisi için daha iyi kararlar verebilir.
ChromeStatus.com girişi | Özellik
WebGPU
externalTexture bağlama için GPUTextureView
Artık GPUBindGroup oluştururken externalTexture bağlaması için GPUTextureView kullanılmasına izin veriliyor.
Hata #398752857 için takip | ChromeStatus.com girişi | Özellik
copyBufferToBuffer aşırı yüklenme
GPUCommandEncoder copyBufferToBuffer() yöntemi artık isteğe bağlı ofsetler ve boyut parametreleri içeren yeni bir aşırı yükleme kullanarak tüm arabelleklerin kopyalanmasını sağlayan daha basit bir yöntem içeriyor.
ChromeStatus.com girişi | Özellik
Kurumsal
IP adresi günlüğü ve raporlama
Chrome Enterprise, yerel ve uzak IP adreslerini toplayıp raporlayarak ve bu IP adreslerini Güvenlik İnceleme Günlükleri'ne (SIT) göndererek güvenlik izleme ve olay yanıtlama özelliklerini iyileştirir. Ayrıca Chrome Enterprise, yöneticilerin isteğe bağlı olarak Chrome Enterprise raporlama bağlayıcısı aracılığıyla IP adreslerini birinci taraf ve üçüncü taraf SIEM sağlayıcılarına göndermesine olanak tanır.
Bu özellik, Chrome Enterprise Core müşterileri tarafından kullanılabilir.
Kaynak denemeleri
Tam kare hızı oluşturma engelleme özelliği
Engelleme özelliklerine yeni bir oluşturma engelleme jetonu full-frame-rate ekler.
Oluşturucu, full-frame-rate jetonuyla engellendiğinde yükleme için daha fazla kaynak ayırmak amacıyla daha düşük bir kare hızında çalışır.
397832388 numaralı hatayı takip etme | ChromeStatus.com girişi
Oluşturulmamış iframe'lerde medya oynatmayı duraklat
Yerleştiren web sitelerinin, oluşturulmayan (yani display özelliği none olarak ayarlanmış) yerleştirilmiş iframe'lerin medya oynatmasını duraklatmasına izin vermek için bir media-playback-while-not-rendered izin politikası ekler. Bu sayede geliştiriciler, kullanıcıların göremediği içeriğin oynatılmasını tarayıcıya bırakarak daha kullanıcı dostu deneyimler oluşturabilir ve performansı artırabilir.
Origin Trial | Tracking bug #351354996 | ChromeStatus.com entry
Rewriter API
Rewriter API, cihaz üzerinde bir yapay zeka dil modeli tarafından desteklenen giriş metnini istenen şekilde dönüştürür ve yeniden ifade eder. Geliştiriciler, metinlerdeki gereksiz kelimeleri kaldırarak metni kelime sınırına sığdırmak, mesajları hedef kitleye uyacak şekilde veya toksik bir dil kullanıldığı tespit edilen mesajları daha yapıcı olacak şekilde yeniden ifade etmek, bir yayını veya makaleyi daha basit kelimeler ve kavramlar kullanarak yeniden ifade etmek ve daha pek çok işlem için bu API'yi kullanabilir.
Origin Trial | Hata takibi #358214322 | ChromeStatus.com girişi | Spec
Writer API
Writer API, cihaz üzerinde yapay zeka dil modeli desteğiyle bir yazma görevi istemi verildiğinde yeni materyal yazmak için kullanılabilir. Geliştiriciler, yapılandırılmış verilerle ilgili metinsel açıklamalar oluşturmak, yorumlara veya ürün açıklamasına dayalı bir ürünle ilgili bir yayın oluşturmak, avantaj ve dezavantaj listelerini tam görünümlere dönüştürmek ve daha fazlası için bu API'yi kullanabilir.
Origin Trial | Hata #357967382 için takip | ChromeStatus.com girişi | Özellik